<script type="text/template" id="dish-list-item-tmpl">
	<li id="<%= htmlId %>" alt="<%= name %>" class="dish-side-link">
		<span class="ol-number">1</span>
		<div class="dish-info clearfix">
		<span class="dish-name-text"><a href="/d/<%= slug %>"><%= name %><br /></a></span>
		<span class="place-name-text"><a href="/p/<%= place_slug %>"><%= place_name %></a></span>
		</div>
	</li>
</script>

<script type="text/template" id="dish-details-tmpl">
	<div class="dish-details">
		<h1><%= name %><span class="place-name"><%= place_name %></span></h1>
		<div class="dish-actions">
			<ul>
				<li><a href="/rank/">Rank This</li>
				<li>Add to List</li>
				<li>Add Photo</li>
				<li>Flag</li>
			</ul>
		</div>	
		<div class="arrow-block clearfix">
			<!--<div class="block"></div>-->
			<!--<div class="tri"></div>-->
			<div class="text">Eaten by</div>
		</div>
		<div>
			<img src="<%= img_src %>" />
		</div>
		Photos <br/>
		<div id="dish-thumbs"></div>
		Opinions
		<div id="dish-feed"></div>
	</div>
</script>

















<!-- Templates -->
<script type="text/template" id="dish-list-item-tmpl">
	<li id="<%= htmlId %>" alt="<%= name %>" class="dish-side-link">
		<span class="ol-number">1</span>
		<div class="dish-info clearfix">
		<span class="dish-name-text"><a href="/d/<%= slug %>"><%= name %><br /></a></span>
		<span class="place-name-text"><a href="/p/<%= place_slug %>"><%= place_name %></a></span>
		</div>
	</li>

</script>

<script type="text/template" id="rank-item-template">
	<div id="<%= htmlId %>" alt="<%= name %>" class="dish_item">
		<a href="/dish/<%= id %>/"><%= name %></a><br />
		<span class="place-name"><%= place %></span>
		<span class="dish-good"></span>
		<span class="dish-ok"></span>
		<span class="dish-bad"></span>
	</div>
</script>

<script type="text/template" id="dish-feed-item-template">
	<%= username %> ranked this <%= rank %> of <%= count %> and said <%= reviewText %>
	on <%= modifiedDate %>
</script>


<script type="text/template" id="dish-thumbnail-template">
	<div class="thumbnail-frame">
		<a href="{{ MEDIA_URL }}<%= url %>"><img src="<%= thumbURL %>" class="real-image" /></a>
	</div>
</script>


<script type="text/template" id="dish-photo-template">
//	<li>
//	<div class="dish-tile">
//		<a href="/dish/<%= id %>/">
//			<img src="<%= thumbnailUrl %>" class="real-image"/>
//		</a>
//	</div>
//	</li>
</script>

<script type="text/template" id="dish-photo-album-template">
	<li>
	<div class="dish-tile">
		<div class="fake-dish-img"></div>
		<a href="/dish/<%= id %>/">
			<img src="<%= thumbnailUrl %>" class="real-image"/>
		</a>
	</div>
	</li>
</script>
	
<script type="text/template" id="my-rank-item-template">
  <div id="<%= id %>" class="my-rank-item <%= done ? 'done' : '' %>">
      <span class="dish-name"></span>
	  <span class="place-name">(<%= place %>)</span>
      <span class="delete"></span>
	<div class="review-content"><%= reviewText %></div>
    <div class="edit">
      <textarea class="review-textarea" type="text" value="" />
    </div>
  </div>
</script>

<script type="text/template" id="stats-template">
  <% if (total) { %>
    <span class="todo-count">
      <span class="number"><%= remaining %></span>
      <span class="word"><%= remaining == 1 ? 'item' : 'items' %></span>.
    </span>
  <% } %>
  <% if (done) { %>
    <span class="todo-clear">
      <a href="#">
        Clear <span class="number-done"><%= done %></span>
        completed <span class="word-done"><%= done == 1 ? 'item' : 'items' %></span>
      </a>
    </span>
  <% } %>
</script>
